body {
  background-color: $white;
}
.weui-tabbar{
  background-color: $white !important;
  .weui-tabbar__item{
    text-decoration: none;
    &:nth-child(1){
      .weui-tabbar__icon{
        width: 26px;
        height: 22px;
      }
    }
    &:nth-child(2){
      .weui-tabbar__icon{
        width: 26px;
        height: 28px;
      }
    }
    .weui-tabbar__icon{
      width: 25px;
      height: 25px;
    }
    .weui-tabbar__label{
      color: $light-black;
      margin: 0;
      font-size: 12px;
    }
    &.weui-bar__item_on{
      .weui-tabbar__label{
        color: $light-blue !important;
      }
      .icon-img-active{
        display: block;
      }
      .icon-img{
        display: none;
      }
    }
  }
  .icon-img-active{
    display: none;
  }
}

.ranktype{
  font-size: 12px;
  -webkit-text-size-adjust: none;
  display: inline-block;
  padding: 0 2px;
  border-radius: 3px;
  margin: 0 3px 2px 0;
  vertical-align: middle;
  color: #fff;
}
.sl1 {
  background-color: #f6846c;
}
.sl2 {
  background-color: #fb989d;
}
.sl3 {
  background-color: #91d7cd;
}
.sl4 {
  background-color: #bbdcc9;
}
.sl5 {
  background-color: #3ea5ce;
}
.sl6 {
  background-color: #d7ac4d;
}
.sl7 {
  background-color: #6d8285;
}
.sl8 {
  background-color: #8f81be;
}
.sl9{
  background-color: #86C2FF;
}

.weui-search-bar__label{
  line-height: 26px;
}
.weui-search-bar__cancel-btn{
  color: #f00 !important;
}

.q-header{
  padding: 20px 15px;
  font-size: 14px;
  position: relative;
  .select-all{
    padding: 4px 12px;
    background-image: linear-gradient(90deg, #ffa440 0%, #ff8600 100%);
    color:#fff;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    right: 15px;
  }
}

.btn-next-group{
  text-align: center;
  margin: .8rem /* 30/37.5 */ auto 0;
  padding-bottom: 20px;
  .btn-next{
    background-color: #ff8600;
    color: #fff;
    padding: 10px 15px;
    width: 5.6rem /* 210/37.5 */;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    &:after{
      content: '';
      width: 100%;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      height: .266667rem /* 10/37.5 */;
      background-color: #d67100;
      position: absolute;
      left: 0;
      bottom: -.106667rem;
      z-index: -1;
    }
  }
  .btn-bakc{
    background-color: #ddd;
    padding: 10px 15px;
    width: 5.6rem /* 210/37.5 */;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
  }
}

.weui-cell{
  font-size: 14px;
  padding: 10px 15px !important;
}
.weui-cell_access {
  .weui-cell__ft:after{
    width: 12px !important;
    height: 12px !important;
    margin-top: -6px !important;
  }
}

.vux-x-input .vux-input-icon{
  font-size: 18px !important;
}
.vux-input-icon.weui-icon-warn:before, .vux-input-icon.weui-icon-success:before{
  font-size: 18px !important;
}
.weui-toast{
  padding: 0 10px;
}

.agreement-popup{
  height: 100% !important; /* 500/37.5 */;
  .agreement-wrap{
    width: 9.066667rem /* 340/37.5 */;
    height: 13.333333rem /* 500/37.5 */;
    background-color:#fff;
    border-radius:5px;
    padding:.533333rem /* 20/37.5 */ .266667rem /* 10/37.5 */;
    position: absolute;
    left: calc((100% - 9.066667rem) / 2);
    top: 10%;
    .aw-title{
      font-size: 16px;
      color: #ff8600;
      margin-bottom: .4rem /* 15/37.5 */;
      text-align: center;
    }
    .aw-txt{
      font-size: 14px;
      color: #333;
    }
    .aw-agreement{
      margin-top: .4rem /* 15/37.5 */;
      font-size: 14px;
      color: #333;
    }
    // .aw-btn{
    //   position: absolute;
    //   width: 6.533333rem /* 245/37.5 */;
    //   height: 1.173333rem /* 44/37.5 */;
    //   line-height: 1.173333rem /* 44/37.5 */;
    //   background-color: #05bfef;
    //   color: #fff;
    //   text-align: center;
    //   border-radius: 4px;
    //   bottom: .853333rem /* 32/37.5 */;
    //   left: 1.306667rem /* 49/37.5 */;
    //   font-size: 16px;
    // }
  }
}

.c-confirm{
  .weui-dialog__btn{
    color: #ff8600;
  }
}

.vux-popup-header-right,
.weui-dialog__btn_primary{
  color: #ff8600 !important;
}